<template>
	<div  v-loading.fullscreen.lock="loading">
		<div style="position: absolute;top: 0;width: 100%;left: 0;padding: 20px 0;">
			<div style="position: relative;height: 80px;">
			<img src="https://ccdn.goodq.top/caches/628d236aceaa012698bd7fe4b8dc188c/aHR0cDovLzU4NzQ1YTE5NzJjNmYudDczLnFpZmVpeWUuY29tL3FmeS1jb250ZW50L3VwbG9hZHMvMjAxNy8wNC85YTZhMTc4ZGMyNjAyNTRkZWIwZGQxYzlmODFiOGMzZS05MC53ZWJw.webp" width="159" height="64" style="position: absolute;top: 0;left: 20px;">
			<div style="width: 600px;position: absolute;line-height: 50px;position: absolute;top:10px;left: 255px;height: 50px;">
				<wmenu></wmenu>
			</div>
			<div style="position: absolute;top: 0;right: 20px;line-height: 80px;color: #FFFFFF;">登录/注册</div>
			<!--<wmenu></wmenu>-->
		</div>
		</div>
		<div style="min-height: 500px">
			<keep-alive>
				<transition name="app">
				<router-view></router-view>
			</transition>
			</keep-alive>		
		</div>
		<div style="height: 150px;background: #CCCCCC;">
			
		</div>
	</div>
</template>

<script>
	import wmenu from './com/wmenu.vue'
	export default {
		components:{
		  	wmenu,
		},
		data(){
			return {
				loading:false								
			}
		},
		watch:{
			"$route.path"(){
				this.loading = true
				setTimeout(()=>{
					this.loading = false
				},600)
			}
		}
	}
</script>

<style>
	 *{
	 	margin: 0;
	 	padding: 0;
	 }
	.app-enter,.app-leave-to{
		opacity: 0;
	}
	.app-enter-active,.app-leave-active{
		transition: all .5s;
	}
	.app-enter-to,.app-leave{
		opacity: 1;
	}
</style>